<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
    <meta name="viewport" content="width=800px,maximum-scale=1.0, user-scalable=no,target-densitydpi=320" />
    <title>阅读测评</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jq.js"></script>
</head>

<body>
    <header>
        <div class="wrapper">
            <div class="libname"><i class="icon-home">&nbsp;</i><span>小扬扬智障儿童欢乐多图书馆</span></div>
        </div>
    </header>
    <div class="maincontainer">
        <div class="wrapper">
            <section id="readingtest">
                <div class="swiper-container2">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide rdtimg1"></div>
                        <div class="swiper-slide rdtimg2"></div>
                        <div class="swiper-slide rdtimg3"></div>
                        <div class="swiper-slide rdtimg4"></div>
                        <div class="swiper-slide rdtimg5"></div>
                    </div>
                    <div class="header"><i class="icon-book">&nbsp;</i>阅读测评专题</div>
                </div>

                <div class="readername"><span>读者——</span>Young Zhou</div>

                <div class="test">
                    <div class="menu">
                        <form action="" method="" id="choise">
                            <div class="passornot">
                                <input id="notpass" checked="checked" name="porn" type="radio" value="1" /><label for="notpass">未通过</label>
                                <input id="pass" name="porn" type="radio" value="2" /><label for="pass">通过</label>
                            </div>
                            <div class="menu-nav">
                                <input id="1-1" name="category" type="radio" value="1" /><label for="1-1">文学</label>
                                <input id="1-2" name="category" type="radio" value="2" /><label for="1-2">流行</label>
                                <input id="1-3" name="category" type="radio" value="3" /><label for="1-3">文化</label>
                                <input id="1-4" name="category" type="radio" value="4" /><label for="1-4">生活</label>
                                <input id="1-5" name="category" type="radio" value="5" /><label for="1-5">经管</label>
                                <input id="1-6" name="category" type="radio" value="6" /><label for="1-6">科技</label>
                                <input id="1-7" name="category" type="radio" value="7" /><label for="1-7">其他</label>
                                <input id="1-8" name="category" type="radio" value="8" /><label for="1-8">预留</label>
                                <input id="1-9" name="category" type="radio" value="9" /><label for="1-9">预留</label>
                                <input id="1-10" name="category" type="radio" value="10" /><label for="1-10">预留</label>
                            </div>
                        </form>
                        <form class="menu-search" action="" method="">
                            <input type="text" />
                            <button>检索</button>
                        </form>
                    </div>
                    <div class="books">
                        <div class="book-nopass">
                            <ul>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名1</span><span class="star"></span></a></li>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名2</span><span class="star"></span></a></li>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名3</span><span class="star"></span></a></li>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名4</span><span class="star"></span></a></li>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名5</span><span class="star"></span></a></li>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名6</span><span class="star"></span></a></li>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名7</span><span class="star"></span></a></li>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名8</span><span class="star"></span></a></li>
                                <li><a href="readingtest-nopass.html"><span>未通过的题名题名9</span><span class="star"></span></a></li>
                            </ul>
                        </div>
                        <div class="book-pass">
                            <ul>
                                <li><a href="readingtest-pass.html"><span>通过题名题名1</span><span class="star"></span></a></li>
                                <li><a href="readingtest-pass.html"><span>通过题名题名2</span><span class="star"></span></a></li>
                                <li><a href="readingtest-pass.html"><span>通过题名题名3</span><span class="star"></span></a></li>
                                <li><a href="readingtest-pass.html"><span>通过题名题名4</span><span class="star"></span></a></li>
                                <li><a href="readingtest-pass.html"><span>通过题名题名5</span><span class="star"></span></a></li>
                                <li><a href="readingtest-pass.html"><span>通过题名题名6</span><span class="star"></span></a></li>
                                <li><a href="readingtest-pass.html"><span>通过题名题名7</span><span class="star"></span></a></li>
                                <li><a href="readingtest-pass.html"><span>通过题名题名8</span><span class="star"></span></a></li>
                                <li><a href="readingtest-pass.html"><span>题名题名9</span><span class="star"></span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <footer>
        <div class="wrapper">
            <ul class="footernav">
                <li>
                    <a href="index.html">
                        <div class="footerimg ftimg01"></div><span>首页</span></a>
                </li>
                <li>
                    <a href="message.html">
                        <div class="footerimg ftimg02"></div><span>消息</span></a>
                </li>
                <li>
                    <a href="event.html">
                        <div class="footerimg ftimg03"></div><span>活动</span></a>
                </li>
                <li>
                    <a href="mine.html">
                        <div class="footerimg ftimg04"></div><span>我的</span></a>
                </li>
            </ul>
        </div>
    </footer>

</body>

</html>
